<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>我的喜欢</title>
	<link rel="stylesheet" href="../css/like.css">
</head>
<body>
	<div class="mainnav">
		<div class="mainnav_l">
			<ul>
				<li><a href="#">豆瓣</a></li>
				<li><a href="#">读书</a></li>
				<li><a href="#">电影</a></li>
				<li><a href="#">音乐</a></li>
				<li><a href="#">同城</a></li>
				<li><a href="#">小组</a></li>
				<li><a href="#">阅读</a></li>
				<li><a href="#">FM</a></li>
				<li><a href="#">东西</a></li>
				<li><a href="#">市集</a></li>
				<li><a href="#">更多</a></li>
			</ul>
		</div>
		<div class="mainnav_r">
			<ul>
				<li><a href="#">下载豆瓣客户端</a>
					<div class="client">
						<img class="dou-picture" src="../img/nav_doubanapp_6.png" alt="豆瓣">
						<p class="appintro">豆瓣</p>
						<p class="slogan">我们的精神角落</p>
						<img class="qrcode" src="../img/nav_doubanapp_6_qrcode.png" alt="二维码">
						<p class="download"><a href="#">iphone</a><span>·</span><a href="#">Android</a></p>
					</div>
				</li>
				<li><a href="#">登录</a></li>
				<li><a href="#">注册</a></li>
			</ul>
		</div>
	</div>
	<!-- subnav -->

	<div class="wrapper">
		<div class="subnav">
			<div class="subnav_logo">
				<a href="#"><img class="logo" src="../img/logo.png" alt="douban"></a>
			</div>
			<ul>
				<li><a href="#">饮食</a>
					<div class="menu">
						<div class="leftdiv">
								<dl>
									<dt><a href="#">酒水</a></dt>
									<dd><a href="#">葡萄酒</a></dd>
									<dd><a href="#">米酒</a></dd>
									<dd><a href="#">白酒</a></dd>
									<dd><a href="#">啤酒</a></dd>
									<dd><a href="#">洋酒</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">地方特产</a></dt>
									<dd><a href="#">新疆</a></dd>
									<dd><a href="#">四川</a></dd>
									<dd><a href="#">湖南</a></dd>
									<dd><a href="#">云南</a></dd>
									<dd><a href="#">海南</a></dd>
									<dd><a href="#">东北</a></dd>
									<dd><a href="#">北京</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">饮料冲调</a></dt>
									<dd><a href="#">饮料</a></dd>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">速溶</a></dd>
									<dd><a href="#">冲饮谷物</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">生鲜食品</a></dt>
									<dd><a href="#">新鲜水果</a></dd>
									<dd><a href="#">海鲜水产</a></dd>
									<dd><a href="#">生肉禽蛋</a></dd>
									<dd><a href="#">产地直供</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">蜂蜜/茗茶</a></dt>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">茗茶</a></dd>
								</dl>
						</div>
						<div class="rightdiv">
							<a href="#"><img src="../img/right-img.png" alt=""></a>
							<p><a href="#">台湾手工黑茶糖</a></p>
						</div>
					</div>
				</li>
				<li><a href="#">服装</a>
						<div class="menu">
							<div class="leftdiv">
								<dl>
									<dt><a href="#">男下装</a></dt>
									<dd><a href="#">休闲裤</a></dd>
									<dd><a href="#">牛仔裤</a></dd>
									<dd><a href="#">短裤</a></dd>
		
								</dl>
								<dl>
									<dt><a href="#">男上装</a></dt>
									<dd><a href="#">外套</a></dd>
									<dd><a href="#">衬衫</a></dd>
									<dd><a href="#">卫衣</a></dd>
									<dd><a href="#">毛衣</a></dd>
									<dd><a href="#">海南</a></dd>
									<dd><a href="#">东北</a></dd>
									<dd><a href="#">北京</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">饮料冲调</a></dt>
									<dd><a href="#">饮料</a></dd>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">速溶</a></dd>
									<dd><a href="#">冲饮谷物</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">生鲜食品</a></dt>
									<dd><a href="#">新鲜水果</a></dd>
									<dd><a href="#">海鲜水产</a></dd>
									<dd><a href="#">生肉禽蛋</a></dd>
									<dd><a href="#">产地直供</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">蜂蜜/茗茶</a></dt>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">茗茶</a></dd>
								</dl>
							</div>
							<div class="rightdiv">
								<a href="#"><img src="../img/file-1478758742-0.jpg" alt=""></a>
								<p><a href="#">羊毛混纺针织衬衣</a></p>
							</div>
						</div>
				</li>
				<li><a href="#">配饰</a></li>
				<li><a href="#">包装</a></li>
				<li><a href="#">鞋靴</a></li>
				<li><a href="#">美容护肤</a></li>
				<li><a href="#">家居</a></li>
				<li><a href="#">时间</a></li>
				<li><a href="#">更多</a></li>
			</ul>
			
			<div class="subnav_r">
				<a class="user_a" href="#"><img class="user_img" src="../img/u151256155-1.jpg" alt="user"><span>个人中心</span></a>
				<a class="inquire" href="#">订单查询</a>
			</div>
			<div class="search_bar">
				<form action="" class="searchform">
					<input class="text" type="text" placeholder="搜一下试试看">
					<img src="../img/record.png" alt="">
				</form>
			</div>
		</div>
		<div class="user-header">
			<ul>
				<li><a href="#">订单管理</a></li>
				<li><a href="#">退款/退货</a></li>
				<li><a href="#">我的优惠劵</a></li>
				<li><a class="color" href="#">我喜欢的商品</a></li>
				<li><a href="#">我关注的店铺</a></li>
				<li><a href="#">收货地址</a></li>
			</ul>
		</div>
		<div class="product_goods">
			<div class="goodsdiv">
				<a href="#"><img class="goods_img hover_img" src="https://img3.doubanio.com/view/dianpu_product_item/large/public/p179865.jpg" alt="good1"></a>
				<p class="goods_p1"><a href="#">无痕女低腰三角裤男士平角裤莫代尔性感舒适时尚情侣内裤</a></p>
				<p class="goods_p2"><a href="#">AL203</a></p>
				<div class="price">
					<div class="price_l"><del>￥119.00</del><span>￥49.00</span></div>
					<div class="love"><img src="../img/love.png" alt="赞"><span>4</span></div>
				</div>
			</div>
			
			<div class="goodsdiv">
				<a href="#"><img class="goods_img hover_img" src="https://img3.doubanio.com/view/dianpu_product_item/large/public/p403204.jpg" alt="good1"></a>
				<p class="goods_p1"><a href="#">蕾丝性感三角裤</a></p>
				<p class="goods_p2"><a href="#">沐格</a></p>
				<div class="price">
					<div class="price_l"><del>￥48.00</del><span>￥24.00</span></div>
					<div class="love"><img src="../img/love.png" alt="赞"><span>24</span></div>
				</div>
			</div>

			<div class="goodsdiv">
				<a href="#"><img class="goods_img hover_img" src="https://img3.doubanio.com/view/dianpu_product_item/large/public/p394592.jpg" alt="good1"></a>
				<p class="goods_p1"><a href="#">原瓶进口 智利蜜雪莉雅佳美娜红葡萄酒 红酒750ml</a></p>
				<p class="goods_p2"><a href="#">智利蜜雪莉雅佳美娜红葡萄酒</a></p>
				<div class="price">
					<div class="price_l"><del>￥108.00</del><span>￥79.00</span></div>
					<div class="love"><img src="../img/love.png" alt="赞"><span>11</span></div>
				</div>
			</div>
		</div>
		<div class="page">
			<ul>
				<li class="pagebox"><a href="#"><<上一页</a></li>
				<li class="numbox"><a href="#">1</a></li>
				<li class="pagebox"><a href="#">下一页>></a></li>
			</ul>
		</div>
		<div class="clearfix"></div>
		<div class="footer">
			<p>© 2005－2016 douban.com, all rights reserved 北京豆网科技有限公司</p>
			<ul>
				<li><a href="#">关于豆瓣</a><span>·</span></li>
				<li><a href="#">在豆瓣工作</a><span>·</span></li>
				<li><a href="#">联系我们</a><span>·</span></li>
				<li><a href="#">免责声明</a><span>·</span></li>
				<li><a href="#">帮助中心</a><span>·</span></li>
				<li><a href="#">移动应用</a><span>·</span></li>
				<li><a href="#">豆瓣广告</a><span>·</span></li>
			</ul>	
		</div>
	</div>
</body>
</html>